<!DOCTYPE HTML>
<?php include("header.php"); ?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>欢迎来到DoubleFish！</title>
<style type="text/css">
@import url("scripts/jquery-1.8.3.js");
@import url("css/bootstrap.css");
@import url("scripts/bootstrap.js");
</style>
</head>

<body>
	<div class="container-fluid">
    	<div class="row-fluid">
        <!--以下是左侧边栏部分。-->
   	    <div class="span3 offset1" id="sidebar"><!--Left Sidebar-->
            	<div class="form-actions" id="login_area"><!--登录框部分-->
	<form action="phpfile/login.php"  class="form-inline" method="post" enctype="application/x-www-form-urlencoded" name="login" target="_self" id="login" >
    	<h4>登录</h4>
    	<fieldset>
        	<div class="control-group" >
           	  <label class="control-label" for="">用户名：</label>
                <div class="controls" >
                	<input  type="text"  class="input-large focused" id="username" name="username" onfocus="if(this.value =='请在此输入用户名')this.value=''" value="请在此输入用户名" maxlength="20"/>
                </div>
            </div>
            <div class="control-group">
            	<label class="control-label" for="" >密码：</label>
                <div class="controls" >
                	<input name="userpass" type="password" class="input-large" id="userpass" value="" maxlength="16" />
                </div>
            </div>
            	<!--onclick="document.getElementById('user_pass_warnning').innerHTML='您输入的用户名或密码不正确。'"-->
            	<label class="text-error" id="user_pass_warnning">&nbsp;</label>
            	<div class="row" align="center">
            	<button type="submit" class="btn btn-primary" name="btn_login" >登录</button>
                 &nbsp;&nbsp;&nbsp;
                <button type="reset" class="btn btn-primary" name="btn_reset">重置</button>
                </div>
                <p class="text-error">&nbsp;</p>
                <a href="#">无法访问您的账户？</a>
        </fieldset>
    </form>
    			</div><!--登录框部分-->
            </div><!--Left Sidebar-->
        <!--以下是主体内容部分。-->
        	<div class="span7" id="content"><!--Main Body Content-->
  				<p>进度条</p>
  				<div class="progress progress-striped">
    				<div class="bar" style="width: 60%"></div>
    			</div>
        	</div><!--Main Body Content-->
        </div>
    </div>
</body>
</html>